<template>
	<div class="top">
		<div class="head"><span class="focus"></span></div>
		<div class="mine">
			<img src="img/logo.png" />
			<h4>迷鹿DAYTOY</h4>
			<p>开通会员抢专属福利</p>
			<router-link to="/vip">立即开通</router-link>
		</div>
	</div>
</template>

<script>
</script>

<style lang="scss" scoped="scoped">
	.top{
		padding-top: 0.6rem;
		height: 1.05rem;
		width: 100%;
		position: relative;
		.head{
			height: 0.54rem;
			background-color: #333344;
		}
		.mine{
			width: calc(100% - 0.3rem);
			height: 0.85rem;
			background-color: #FFFFFF;
			position: absolute;
			top: 0.6rem;
			left: 0.15rem;
			border-radius: 0.05rem;
			z-index: 2;
			img{
				position: absolute;
				top: 0.22rem;
				left: 0.15rem;
			}
			h4{
				font-size: 0.18rem;
				position: absolute;
				top: 0.22rem;
				left: 0.7rem;
			}
			p{
				font-size: 0.12rem;
				position: absolute;
				top: 0.48rem;
				left: 0.7rem;
				color: #999999;
			}
			a{
				width: 0.85rem;
				height: 0.3rem;
				display: block;
				color:#FFFFFF;
				background-color: #ddbb77;
				font-size: 0.14rem;
				text-align: center;
				line-height: 0.3rem;
				border-radius: 0.15rem;
				position: absolute;
				top: 0.28rem;
				right: 0.12rem;
			}
		}
	}
</style>
